/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      统计       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .DetailQuestionnaire-MyStatistic {
  position: relative;
  padding-left: 8px;

  /* ============================== 滚动区 ============================== */
  > .flex + .flex {
    margin-top: 16px;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      序号      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .DetailQuestionnaire-MyStatistic > .flex > .flex0 {
  min-width: 18px;
  margin: 0 10px 0 4px;

  /* ============================== 内容 ============================== */
  .el-form-item__content {
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
  }

  /* ============================== 点号 ============================== */
  .CoreWeb-ShowSlot > div::after {
    content: ".";
    position: absolute;
  }

  /* ============================== 星号 ============================== */
  .DetailQuestionnaire-MyStatistic-required::before {
    content: "*";
    position: absolute;
    top: 2px;
    left: -12px;
    font-size: 18px;
    color: red;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<       标题      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .DetailQuestionnaire-MyStatistic-title {
  line-height: 32px;
  margin-bottom: 4px;
  align-items: flex-start;

  /* ============================== 标题内容 ============================== */
  > .flex1 {
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;

    > span {
      position: absolute;
      width: 100%;
    }
  }

  /* ============================== 回答数 ============================== */
  .flex0 {
    margin: 0 10px 0 20px;
  }

  /* ============================== 回答率 ============================== */
  .CoreWeb-EasyChart {
    width: 260px;
    height: 32px;
    margin-right: 5px;
    pointer-events: none;
  }

  /* ============================== 按钮 ============================== */
  .CoreWeb-BtnText {
    padding: 8px 0;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<       计数      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .DetailQuestionnaire-MyStatistic-count {
  width: 15%;
  height: 32px;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<       占比      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .DetailQuestionnaire-MyStatistic-percent {
  width: 15%;
  height: 32px;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      表格       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .DetailQuestionnaire-MyStatistic-table {
  position: relative;
  padding: 0;
  border: 1px solid var(--Primary5);
  border-radius: 6px;
  transition: 0.3s;

  /* ============================== 悬浮 ============================== */
  &:hover {
    border: 1px solid var(--Primary);
    background-color: var(--Primary05);
  }

  /* ============================== 每一行 ============================== */
  &-row {
    text-align: center;
    line-height: 30px;

    /* —————————————————————————————— 最后一行 —————————————————————————————— */
    &:last-child > div {
      border-bottom-color: transparent !important;
    }

    /* —————————————————————————————— 单元格 —————————————————————————————— */
    > div {
      height: 36px;
      padding: 3px 8px;
      border-right: 1px solid var(--Primary1);
      border-bottom: 1px solid var(--Primary5);
      box-sizing: border-box;
      overflow: hidden; // 超出隐藏
      white-space: nowrap; // 不换行
      text-overflow: ellipsis; // 省略号
      vertical-align: top;

      /* —————————————————————————————— 最后一列 —————————————————————————————— */
      &:last-child {
        border-right-color: transparent !important;
      }

      /* —————————————————————————————— 选择题图片 —————————————————————————————— */

      > .CoreWeb-ShowItem {
        margin: 0 8px 0 0;
      }
    }
  }

  > .half,
  > .quar {
    border-left: 1px solid var(--Primary4);

    &:first-child {
      border-left-color: transparent !important;
    }
  }

  /* ============================== 自适应满高度 ============================== */
  > .full,
  > .relative > .full {
    position: absolute;
    border-left: 1px solid var(--Primary4);

    &:last-child {
      right: 0;
    }

    &:first-child + div {
      margin-left: 25%;

      .DetailQuestionnaire-MyStatistic-table-row > div {
        border-bottom: 1px solid var(--Primary1);
      }
    }
  }

  > .relative {
    &:last-child > div {
      border-bottom-color: transparent !important;
    }

    > div {
      border-bottom: 1px solid var(--Primary5);

      &:first-child {
        border-left: none;
        border-right: 1px solid var(--Primary4);
      }
    }

    > .quar3 {
      > div {
        border-right: 1px solid var(--Primary4);

        &:last-child {
          border-right-color: transparent !important;
        }
      }
    }
  }
}
